<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>疫情监控</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <!-- begin::global styles -->
    <link rel="stylesheet" href="../static/assets/vendors/bundle.css" type="text/css">
    <!-- end::global styles -->

    <!-- begin::custom styles -->
    <link rel="stylesheet" href="../static/assets/css/app.css" type="text/css">
    <link rel="stylesheet" href="../static/assets/css/custom.css" type="text/css">
    <!-- end::custom styles -->
	<link href="../static/css/main.css"  rel="stylesheet"/>
    <script src="../static/js/jquery-1.11.1.min.js"></script>
	<script src="../static/js/echarts.min.js"></script>
	<script src="../static/js/china.js"></script>
	<script src="../static/js/echarts-wordcloud.min.js"></script>

    <style>
        .card{
            width: 1200px;
            margin: 100px auto;

        }
    </style>

</head>
<body onresize="refreshPage()">



<!-- begin::page loader-->
<div class="page-loader">
    <div class="spinner-border"></div>
    <span>Loading ...</span>
</div>
<!-- end::page loader -->

<!-- begin::sidebar -->
<div class="sidebar">
    <ul class="nav nav-pills nav-justified m-b-30" id="pills-tab" role="tablist">
        <li class="nav-item">
            <a class="nav-link" id="notifications-tab" data-toggle="pill" href="#notifications" role="tab"
               aria-controls="notifications" aria-selected="false">
                <i class="fa fa-bell"></i>
            </a>
        </li>
        <li class="nav-item">
            <a class="nav-link" id="settings-tab" data-toggle="pill" href="#settings" role="tab"
               aria-controls="settings" aria-selected="false">
                <i class="ti-settings"></i>
            </a>
        </li>
    </ul>
    <div class="tab-content" id="pills-tabContent">
        <div class="tab-pane" id="notifications" role="tabpanel" aria-labelledby="notifications-tab">
            <div class="tab-pane-body">
                <h5 class="font-weight-bold m-b-20">Notifications</h5>
                <div>
                    <p class="text-muted">Today</p>
                    <ul class="list-group list-group-flush m-b-10">
                        <li class="list-group-item d-flex p-l-r-0">
                            <div>
                                <figure class="avatar avatar-xs m-r-10">
                                    <span class="avatar-title bg-success rounded-circle">A</span>
                                </figure>
                            </div>
                            <div>
                                <p class="m-b-0">
                                    <span class="badge small badge-danger">New</span>
                                    New user registration.
                                </p>
                                <ul class="list-inline small">
                                    <li class="list-inline-item text-muted">8 minute ago</li>
                                    <li class="list-inline-item">
                                        <a href="#">Mark Read</a>
                                    </li>
                                    <li class="list-inline-item">
                                        <a href="#">View</a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li class="list-group-item d-flex p-l-r-0">
                            <div>
                                <figure class="avatar avatar-xs m-r-10">
                                    <span class="avatar-title rounded-circle">
                                        <i class="fa fa-cloud-upload"></i>
                                    </span>
                                </figure>
                            </div>
                            <div>
                                <p class="m-b-0">Files uploaded successfully.</p>
                                <ul class="list-inline small">
                                    <li class="list-inline-item text-muted">50 minute ago</li>
                                    <li class="list-inline-item">
                                        <a href="#">Mark Read</a>
                                    </li>
                                    <li class="list-inline-item">
                                        <a href="#">View</a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                    </ul>
                </div>
                <div>
                    <p class="text-muted">Yesterday</p>
                    <ul class="list-group list-group-flush m-b-10">
                        <li class="list-group-item d-flex p-l-r-0">
                            <div>
                                <figure class="avatar avatar-xs m-r-10">
                                    <span class="avatar-title bg-warning rounded-circle">V</span>
                                </figure>
                            </div>
                            <div>
                                <p class="m-b-0">New user registration.</p>
                                <ul class="list-inline small">
                                    <li class="list-inline-item text-muted">5 hours ago</li>
                                    <li class="list-inline-item">
                                        <a href="#">Mark Read</a>
                                    </li>
                                    <li class="list-inline-item">
                                        <a href="#">View</a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li class="list-group-item d-flex p-l-r-0">
                            <div>
                                <figure class="avatar avatar-xs m-r-10">
                                    <span class="avatar-title rounded-circle">
                                        <i class="fa fa-file-o"></i>
                                    </span>
                                </figure>
                            </div>
                            <div>
                                <p class="m-b-0">Your invoice prepared.</p>
                                <ul class="list-inline small">
                                    <li class="list-inline-item text-muted">10 hours ago</li>
                                    <li class="list-inline-item">
                                        <a href="#">Mark Read</a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li class="list-group-item d-flex p-l-r-0">
                            <div>
                                <figure class="avatar avatar-xs m-r-10">
                                    <span class="avatar-title rounded-circle">
                                        <i class="fa fa-cloud-upload"></i>
                                    </span>
                                </figure>
                            </div>
                            <div>
                                <p class="m-b-0">Files uploaded successfully.</p>
                                <ul class="list-inline small">
                                    <li class="list-inline-item text-muted">16 hours ago</li>
                                    <li class="list-inline-item">
                                        <a href="#">Mark Read</a>
                                    </li>
                                    <li class="list-inline-item">
                                        <a href="#">View</a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="tab-pane-footer">
                <a href="#" class="btn btn-primary btn-block">Mark All Read</a>
            </div>
        </div>
        <div class="tab-pane" id="settings" role="tabpanel" aria-labelledby="settings-tab">
            <div class="tab-pane-body">
                <div class="m-b-30">
                    <h5 class="font-weight-bold m-b-20">Settings</h5>
                    <h6 class="font-weight-bold">System</h6>
                    <ul class="list-group list-group-flush">
                        <li class="list-group-item d-flex justify-content-between p-l-r-0">
                            <span>Automatic updates</span>
                            <div class="custom-control custom-switch">
                                <input type="checkbox" class="custom-control-input" id="customSwitch1" checked>
                                <label class="custom-control-label" for="customSwitch1"></label>
                            </div>
                        </li>
                        <li class="list-group-item d-flex justify-content-between p-l-r-0">
                            <span>Current statistics</span>
                            <div class="custom-control custom-switch">
                                <input type="checkbox" class="custom-control-input" id="customSwitch2" checked>
                                <label class="custom-control-label" for="customSwitch2"></label>
                            </div>
                        </li>
                        <li class="list-group-item d-flex justify-content-between p-l-r-0">
                            <span>User suggestions</span>
                            <div class="custom-control custom-switch">
                                <input type="checkbox" class="custom-control-input" id="customSwitch3" checked>
                                <label class="custom-control-label" for="customSwitch3"></label>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="m-b-30">
                    <h6 class="font-weight-bold">Accout</h6>
                    <ul class="list-group list-group-flush">
                        <li class="list-group-item d-flex justify-content-between p-l-r-0">
                            <span>Senior account security</span>
                            <div class="custom-control custom-switch">
                                <input type="checkbox" class="custom-control-input" id="customSwitch4">
                                <label class="custom-control-label" for="customSwitch4"></label>
                            </div>
                        </li>
                        <li class="list-group-item d-flex justify-content-between p-l-r-0">
                            <span>Account protection</span>
                            <div class="custom-control custom-switch">
                                <input type="checkbox" class="custom-control-input" id="customSwitch5" checked>
                                <label class="custom-control-label" for="customSwitch5"></label>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="m-b-30">
                    <h6 class="font-weight-bold">Notifications</h6>
                    <ul class="list-group list-group-flush">
                        <li class="list-group-item d-flex justify-content-between p-l-r-0">
                            <span>Browser notifications</span>
                            <div class="custom-control custom-switch">
                                <input type="checkbox" class="custom-control-input" id="customSwitch6">
                                <label class="custom-control-label" for="customSwitch6"></label>
                            </div>
                        </li>
                        <li class="list-group-item d-flex justify-content-between p-l-r-0">
                            <span>Mobile notifications</span>
                            <div class="custom-control custom-switch">
                                <input type="checkbox" class="custom-control-input" id="customSwitch7">
                                <label class="custom-control-label" for="customSwitch7"></label>
                            </div>
                        </li>
                        <li class="list-group-item d-flex justify-content-between p-l-r-0">
                            <span>Email subscription</span>
                            <div class="custom-control custom-switch">
                                <input type="checkbox" class="custom-control-input" id="customSwitch8">
                                <label class="custom-control-label" for="customSwitch8"></label>
                            </div>
                        </li>
                        <li class="list-group-item d-flex justify-content-between p-l-r-0">
                            <span>Sms notifications</span>
                            <div class="custom-control custom-switch">
                                <input type="checkbox" class="custom-control-input" id="customSwitch9" checked>
                                <label class="custom-control-label" for="customSwitch9"></label>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="tab-pane-footer">
                <a href="#" class="btn btn-primary btn-block">Save Settings</a>
            </div>
        </div>
    </div>
</div>
<!-- end::sidebar -->




<!-- begin::side menu -->
<div class="side-menu">
    <div class='side-menu-body'>
        <ul>

            <li class="side-menu-divider">Navigation</li>
            <li>
                <a href="/"><i class="icon ti-home"></i> <span>疫情报告</span> </a>
                <ul>
                    <li style="font-size: 13px"><a href="/#title">今日数据</a></li>
                    <li style="font-size: 13px"><a href="/#pre_map">疫情地图</a></li>
                    <li style="font-size: 13px"><a href="/#pre_trend">近日趋势</a></li>
                </ul>
            </li>
            <li class="hy_side_item"><a href="/info"><i class="icon ti-layers-alt"></i> <span>疫情资讯</span> </a></li>
            <li class="hy_side_item"><a href="/check"><i class="icon ti-files"></i> <span>诊断系统</span> </a></li>
            <li class="hy_side_item"><a href="/rumor"><i class="icon ti-pie-chart"></i> <span>谣言鉴别</span> </a></li>
            <li class="hy_side_item"><a href="/video"><i class="icon ti-crown"></i> <span>往期视频</span> </a></li>
            <li class="hy_side_item"><a href="/toreport"><i class="icon ti-clipboard"></i> <span>在线举报</span> </a></li>
            <li class="hy_side_item"><a href="/knowledge"><i class="icon ti-rocket"></i> <span>疫情科普</span> </a></li>


        </ul>
    </div>
</div>
<!-- end::side menu -->


<!-- begin::navbar -->
<nav class="navbar">
    <div class="container-fluid">

        <div class="header-logo">
            <a href="#">
                <img src="../static/assets/media/image/light-logo.png" alt="...">
                <span class="logo-text d-none d-lg-block">Team RD</span>
            </a>
        </div>

        <div class="header-body">

        </div>

    </div>
</nav>
<!-- end::navbar -->



<!-- begin::main content -->
<main class="main-content" style="background: white">

<div class="container-fluid">
    <div id="gyroContain" style="font-size: 14px">
        <div class="card-group">
            <div class="card">
                <img src="../static/assets/media/image/covid.png" class="card-img-top" alt="...">
                <div class="card-body">
                    <h5 class="card-title">什么是新冠病毒？</h5>
                    <p class="card-text">新型冠状病毒属于β属的冠状病毒，有包膜，颗粒呈圆形或椭圆形，常为多形性，直径60-140nm。其基因特征与 SARSr-CoV和 MERSr-CoV有明显区别。 目前研究显示与蝙蝠SARS样冠状病毒（bat- SL-CoVZC45）同源性达85%以上。体外分离培养时，2019-nCoV 96个小时左右即可在人呼吸道上皮细胞内发现，而在 Vero E6和Huh-7 细胞系中分离培养需约6天。</p>
                    <p class="card-text">
                        <small class="text-muted">Last updated 1 mins ago</small>
                    </p>
                </div>
            </div>
            <div class="card">
                <img src="../static/assets/media/image/lung.jpeg" class="card-img-top" alt="...">
                <div class="card-body">
                    <h5 class="card-title">新型冠状病毒靠什么让人类生病？</h5>
                    <p class="card-text">新型冠状病毒不是一个独立生命体，需要入侵到活细胞，利用活细胞的能量和物质及分子编码功能，才能复制和释放更多的子代病毒颗粒。新型冠状病毒不像细菌能分泌毒素，虽然其不分泌毒素，但是却利用宿主细胞复制自己，把宿主细胞自身的能量和物质储备耗尽，同时其子代从宿主细胞释放出来也会导致宿主细胞的细胞膜破裂。</p>
                    <p class="card-text">
                        <small class="text-muted">Last updated 1 mins ago</small>
                    </p>
                </div>
            </div>
            <div class="card">
                <img src="../static/assets/media/image/mask.png" class="card-img-top" alt="...">
                <div class="card-body">
                    <h5 class="card-title">新型冠状病毒如何感染我们？</h5>
                    <p class="card-text">新型冠状病毒的受体是ACE-2，我们的呼吸道，眼睛、口腔粘膜上都有ACE-2，我们的鼻腔、呼吸道因为接触了患者咳嗽或打喷嚏的飞沫而感染，也可能因为双手接触被病毒污染的物品，双手不注意揉眼睛或鼻孔以及拿东西进食而感染。故我们预防感染戴口罩，勤洗手。同时注意打喷嚏、咳嗽礼仪，打喷嚏、咳嗽时用纸巾或肘部阻挡，防止飞沫喷溅。</p>
                    <p class="card-text">
                        <small class="text-muted">Last updated 3 mins ago</small>
                    </p>
                </div>
            </div>
        </div>

        <div class="card-columns">

            <div class="card">
                <img src="../static/assets/media/image/detect.jpeg" class="card-img-top" alt="...">
                <div class="card-body">
                    <p class="card-text">公共场所人流量大、人员密集，是疫情防控的重点区域，尽量少去公共场所活动，如必须去，要注意做好个人防护。</p>
                </div>
            </div>

            <div class="card">
                <img src="../static/assets/media/image/dad.jpg" class="card-img-top" alt="...">
                <div class="card-body">
                    <h5 class="card-title">《舍小为大》</h5>
                    <p class="card-text">“爸爸，口罩戴好，大房子造好了吗？”胡琼方的《舍小为大》从亲情的角度记录下疫情面前久体中心不少员工“舍小家为大家”的奉献精神。在这场“倒春寒”中，他们逆行而上，奋战在抗疫重大项目建设的第一线。他们是各项目的负责人，也是自己父母的孩子，是孩子的父母。他们更是久事集团广大干部职工“舍小家为大家”全力抗击疫情的一个缩影。<p class="card-text">
                        <small class="text-muted">Last updated 3 mins ago</small>
                    </p>
                </div>
            </div>

            <div class="card">
                <img src="../static/assets/media/image/coDetect.jpeg" class="card-img-top" alt="...">
                <div class="card-body">
                    <p class="card-text">聚集做核酸时要听从医护人员的指示，检测前在医务人员示意后取下口罩，采样结束后立即戴好，可备一个备用口罩，污染后方便随时更换。</p>
                </div>
            </div>

            <div class="card">
                <div class="card-body">
                    <h5 class="card-title">《敢于逆行的守“沪”者》</h5>
                    <p class="card-text">作为久事集团旗下交通出行板块的重要骨干企业，《守“沪”回家之路》讲述了从3月11日到3月22日，强生出租相继完成了越洋广场、嘉里中心、上海市第六人民医院、上海龙华医院等6次大规模解封保障，调派车辆2909辆次，安全运送解封人员近6000人。驾驶员们“欢迎回家”的问候，让那一刻得以解封的人们感受到了这个城市的温度。</p>
                    <p class="card-text">
                        <small class="text-muted">Last updated 3 mins ago</small>
                    </p>
                </div>
                <img src="../static/assets/media/image/protect.jpg" class="card-img-top" alt="...">
            </div>

            <div class="card bg-dark text-white">
                <img src="../static/assets/media/image/vaccine.jpeg" class="card-img" alt="...">
            </div>
            <h6 style="margin-top: 20px">接种新冠疫苗是有效的预防措施，免费接种三针疫苗已在全国范围内推行。</h6>


            <div class="card">
                <img src="../static/assets/media/image/commist.jpg" class="card-img-top" alt="...">
            </div>

            <div class="card">
                <div class="card-header">《流动的“温度”》</div>
                <div class="card-body">
                    <figure>
                        <img src="../static/assets/media/image/bus.jpg" class="card-img-top" alt="...">
                    </figure>
                    <p class="card-text">由倪易帆创作的《流动的“温度”》讲述的是久事公交的暖心举措：3月29日晚，久事公交接到上级指令，抽调部分公交驾驶员和5辆公交车，于次日配合本市部分街道对部分小区居民开展流动核酸检测。

</p>
                    <a href="https://export.shobserver.com/baijiahao/html/478581.html" class="btn btn-primary">Read More</a>
                </div>
            </div>

        </div>

    </div>
</div>

</main>
<!-- end::main content -->


<!-- begin::global scripts -->
<script src="../static/assets/vendors/bundle.js"></script>
<!-- end::global scripts -->

<!-- begin::custom scripts -->
<script src="../static/assets/js/app.js"></script>
<!-- end::custom scripts -->






</body>

<script src="../static/js/ec_trend.js"></script>
<script src="../static/js/ec_map.js"></script>
<script src="../static/js/ec_top.js"></script>
<script src="../static/js/ec_risk.js"></script>
<script src="../static/js/controller.js"></script>
<script>
   function tips(){
        alert("即将跳转到第三方网站，是否继续？")
    }

</script>
</html>


